<!-- 弹框 -->
<template>
  <div>
    <Modal
      v-model="comfirmMoadl"
      :title="text.headTitle"
      width="350"
      class="comfirm"
      @on-ok="ok()"
      @on-cancel="close()"
    >
      <div
        style="padding-bottom:35px;font-size:15px;text-align:left;word-wrap:break-word;"
        v-html="text.tip"
      ></div>
    </Modal>
  </div>
</template>

<script>
export default {
  data() {
    return {
      comfirmMoadl: true,
      text: {
        headTitle: "系统提示",
        tip: "确定删除吗？"
      }
    };
  },
  methods: {
    ok() {
      console.log("ok");
    },
    close() {
      console.log("cancle");
    }
  },
  mounted() {
    //  this.$confirm({
    //       headTitle:"系统提示",
    //       tip:"确定退出当前登录吗？"
    //   }).then(() => {
    //           this.logout();
    //   })
    //   .catch(() => {
    //       console.log('no')
    //   })
  },
};
</script>
<style lang='less'>
@import "~@/less/common.less";
.comfirm {
  .ivu-modal {
    .ivu-modal-content {
      .ivu-modal-header-inner {
        font-size: 15px !important;
      }
      .ivu-modal-footer {
        border-top: none;
        display: flex;
        justify-content: center;
        .ivu-btn-text {
          margin-right: 12px;
          border: 1px solid @color-border;
          &:hover {
            border-color: @mainColor;
          }
        }
      }
    }
  }
}
</style>